<!DOCTYPE html>
<html>
    <head>
	<title>css文本</title>
	<meta charset="UTF-8">
	<style>
	    h1{
		background-color: red;
		width: 500px;
		height: 300px;
		/*word-break: keep-all;*/
		/*word-break: break-all;*/
		/*text-align: center;*/
		letter-spacing: 10px;
	    }
	    p{
		text-indent: 80px;
		background:#66ff66;
		/*line-height: 100px;*/
		font-size: 50px;
	    }
	    p span{
		font-size: 20px;
		vertical-align: text-bottom;
	    }
	    div{
		width: 300px; height: 300px; line-height: 300px; background: red;
	    }
	    div img{
		background: #66ff66; vertical-align: middle;
	    }
	    h2{
		/*text-decoration: underline;*/
		/*text-decoration: overline;*/
		/*text-decoration: line-through;*/
	    }
	    a{
		text-decoration: none;
	    }
	</style>
    </head>
    <body>

	<h1>这是一个h1标题</h1>

	<p>这是一段话这是一段<span>话</span></p>

	<div>
	    <img src="a.png" alt=""/>
	</div>
	
	<h2>这是一个h2标题</h2>
	<a href="">超链接</a>
	
	
	
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    </body>
</html>
